<template>
  <div>
   <vheader></vheader>

    <!--中间内容开始-->
    <!--<div  class="detail-wrap">-->
      <!--<div class="detail-left">-->
        <!--<div class="product-board">-->
          <!--<img>-->
          <!--<p>这是种类产品的介绍</p>-->
          <!--<ul>-->
            <!--<router-link v-for="item in productList.list"-->
                         <!--:to="{ path :item.path }" tag="li" active-class="active">{{ item.name }}</router-link>-->

          <!--</ul>-->
        <!--</div>-->
      <!--</div>-->

      <!--&lt;!&ndash;<div class="detail-right">&ndash;&gt;-->
        <!--&lt;!&ndash;<keep-alive>&ndash;&gt;-->
          <!--&lt;!&ndash;<router-view></router-view>&ndash;&gt;-->
        <!--&lt;!&ndash;</keep-alive>&ndash;&gt;-->

        <!--&lt;!&ndash;</div>&ndash;&gt;-->

      <!--</div>-->

    <!--脚部开始-->
    <vfooter></vfooter>
    <!--脚部结束-->

  </div>
</template>

<script>
  import vheader from "../components/header.vue"
  import vfooter from "../components/footer.vue";
  export default {
    components:{
      vheader,vfooter
    },
    name: 'hello',
    data () {
      return {}
    }
  }
</script>

